$header_h:4.4rem;
$footer_h:4.5rem;
$color_14db97:#14db97;
$color_f1f1f1:#f1f1f1;
$color_606262:#606262;
@mixin displayFlex {
  display: flex;
  align-items: center;
}

@mixin prefix($property, $value) {
  -webkit-#{$property}: $value;
  -moz-#{$property}: $value;
  #{$property}: $value;
}

@mixin submitBtn {
  padding: .5rem 1rem;
  border-radius: .5rem;
  border: 1px solid #333;
  text-align: center;
  margin: 0 auto;
  display: inline-block;
}

@mixin submitBtn_fixed {
  padding: .5rem 1rem;
  border-radius: .5rem;
  text-align: center;
  width: 16.5rem;
  background: $color_14db97;
  color: #fff; // position: fixed;
  // bottom: 7rem;
  // left: 50%;
  margin-left: 50%;
  margin-bottom: 8rem;
  margin-top: 11.2rem;
  transform: translateX(-50%);
  border: none;
}

@mixin paddingTop {
  // padding-top: $header_h + 1.5rem;
  padding-top: 1.5rem;
}

@mixin fixed_btn {
  width: 100%;
  height: $header_h;
  background: #fff;
  text-align: center;
  line-height: $header_h;
  color: $color_14db97;
  font-size: 1.5rem;
  border-top: 1px solid #ececec;
  position: fixed;
  left: 0;
  bottom: 0;
}

.displayNone {
  display: none !important;
}

[v-cloak] {
  opacity: 0!important;
}

//提交弹出框
#submit_order {
  .am-modal-dialog {
    width: 27.5rem;
    height: 22.4rem;
    border-radius: .5rem;
    padding: 1.5rem;
    .am-modal-bd {
      border-bottom: none;
      padding: 0;
      position: absolute;
      left: 50%;
      top: 35%;
      transform: translateX(-50%);
      font-size: 2rem;
      color: $color_606262;
      width: 100%;
    }
    .book_footer {
      position: absolute;
      bottom: 1.5rem;
      left: 1.5rem;
      display: flex;
      width: calc(100% - 3rem);
      justify-content: space-between;
      >span {
        width: 11.5rem;
        height: $header_h;
        border-radius: .5rem;
        line-height: $header_h;
        font-size: 1.5rem;
      }
      .book_cancel {
        color: $color_606262;
        background: #e0e0e0;
      }
      .book_confirm {
        color: #fff;
        background: $color_14db97;
      }
    }
  }
}

#submit_order_fixed,
#submit_order_check {
  .am-modal-dialog {
    width: 27.5rem;
    height: 22.4rem;
    border-radius: .5rem;
    padding: 1.5rem;
    .am-modal-bd {
      border-bottom: none;
      padding: 0;
      position: absolute;
      left: 50%;
      top: 35%;
      transform: translateX(-50%);
      font-size: 2rem;
      color: $color_606262;
      width: 100%;
    }
    .book_footer {
      position: absolute;
      bottom: 1.5rem;
      left: 1.5rem;
      display: flex;
      width: calc(100% - 3rem);
      justify-content: space-between;
      >span {
        width: 11.5rem;
        height: $header_h;
        border-radius: .5rem;
        line-height: $header_h;
        font-size: 1.5rem;
      }
      .book_cancel {
        color: $color_606262;
        background: #e0e0e0;
      }
      .book_confirm {
        background: $color_14db97;
        color: #fff;
        a {
          color: #fff;
        }
      }
    }
  }
}

// @font-face {
//   font-family: pingfangSC;
//   src: url('../../../fonts/pingfangSC.ttf');
// }
// @font-face {
//   font-family: pingfangSC_thin;
//   src: url('../../../fonts/pingfangSC-thin.ttf');
// }
html,
body {
  // font-family: pingfangSC !important;
  color: #333;
  background: #f8f8f8;
}

ul {
  margin: 0;
}

section {
  margin: 0;
  padding: 0;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  height: $header_h;
  line-height: $header_h;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
  background: $color_14db97;
  color: #fff;
  font-size: 1.5rem;
  z-index: 1111;
  .header_left {
    height: $header_h;
    line-height: $header_h;
    width: 1.1rem;
    @include displayFlex;
    img {
      width: 100%;
    }
  }
  .header_center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .header_right {
    height: $header_h;
    line-height: $header_h;
    width: 2rem;
    @include displayFlex;
    img {
      width: 100%;
    }
  }
}

.header_bottom {
  width: 100%;
  height: $header_h;
}

.footer_top {
  width: 100%;
  height: $header_h + 1rem;
}

// ::-webkit-scrollbar {
//     width: 0;
//     height: 0;
// }
.index_header {
  justify-content: flex-start;
  .header_center {
    left: 6rem;
    transform: translateX(0);
  }
}

.footer {
  display: flex;
  height: $footer_h;
  line-height: $footer_h;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  align-items: center;
  li {
    flex: 1;
    .footer_img {
      width: 3.2rem;
      height: 3.2rem;
      margin: 0 auto;
    }
    &.footer_home {
      .footer_img {
        background: url(../../../img/index/home-grey.png)no-repeat left top;
        background-size: 100%;
      }
    }
    &.footer_order {
      .footer_img {
        background: url(../../../img/index/order-grey.png)no-repeat left top;
        background-size: 100%;
      }
    }
    &.footer_home.active {
      .footer_img {
        background: url(../../../img/index/home-active.png)no-repeat left top;
        background-size: 100%;
      }
    }
    &.footer_order.active {
      .footer_img {
        background: url(../../../img/index/order-active.png)no-repeat left top;
        background-size: 100%;
      }
    }
  }
}

.index_content {
  .index_bg {
    width: 100%;
    height: calc(50vh);
    background: url(../../../img/index/index-bg.png) no-repeat left top;
    background-size: 100%;
    position: relative;
    .index_back {
      width: 7.2rem;
      height: 7.2rem;
      position: absolute;
      top: 0;
      left: 0;
      img {
        width: 100%;
      }
    }
  }
  .station_choose {
    width: 100%;
    li {
      text-align: center;
      padding-top: 9.5rem;
      .station_img {
        display: inline-block;
        width: 50%;
        img {
          width: 100%;
        }
      }
      .station_name {
        font-size: 1.65rem;
        color: $color_606262;
      }
    }
  }
}

.comfires {
  z-index: 999;
}

.flow_header {
  // height: $header_h *2;
  .flow_second_header {
    position: absolute;
    height: $header_h;
    line-height: $header_h; // top: $header_h;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid $color_f1f1f1;
    padding: 0 1rem;
    li {
      padding: 0 2rem 0 1.5rem;
      display: flex;
      align-items: center;
      position: relative;
      color: #666;
      font-size: 1.2rem;
      float: left;
      &.active {
        color: $color_14db97;
        .triangle {
          transform: rotate(180deg);
          margin-top: 0.5rem;
          border-bottom-color: $color_14db97;
        }
      }
      .triangle {
        width: 0;
        height: 0;
        display: inline-block;
        border-width: .5rem;
        border-style: solid;
        border-color: transparent transparent #666 transparent;
        margin-left: .5rem;
        margin-top: -.5rem;
        transition: All 0.4s ease-in-out;
      }
      &.filter {
        padding: 0;
        width: 1.7rem;
        img {
          width: 100%;
        }
        .active {
          display: none;
        }
      }
    }
  }
}

.flow_filter {
  position: absolute;
  left: 0; // top: $header_h *2;
  top: $header_h;
  width: 100%;
  z-index: 9999;
  display: none;
  &.active {
    display: block;
  }
  @mixin filter_box {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    display: none;
    .filter_div {
      // display: none;
    }
  }
  .areaList_box {
    @include filter_box;
  }
  .areaList {
    box-sizing: border-box;
    width: 100%;
    height: calc(70vh);
    z-index: 999;
    background: #fff;
    display: flex;
    flex-direction: column;
    display: block !important;
    >div {
      width: 100%;
      box-sizing: border-box;
    }
    .history_list {
      height: $header_h;
      line-height: $header_h;
      padding-left: 1.5rem;
      font-size: 1.5rem;
      border-bottom: 1px solid $color_f1f1f1;
      span {
        color: #959998;
        font-family: pingfangSC_thin;
        padding-left: 1rem;
      }
      .history_name {
        color: #dedede;
        padding-right: 0.9rem;
        border-right: 0.15rem solid #dedede;
      }
    }
    .city_list {
      display: flex;
      >ul {
        box-sizing: border-box;
        height: 100%;
      }
      .left_list {
        width: 40%;
        border-right: .1rem solid $color_f1f1f1;
        li {
          height: $header_h;
          line-height: $header_h;
          font-size: 1.5rem;
          color: #666;
          box-sizing: border-box;
          padding-left: 2.5rem;
          &.active {
            background: $color_f1f1f1;
            color: $color_14db97;
          }
        }
      }
      .right_list {
        width: 60%;
        overflow-y: auto;
        &::-webkit-scrollbar/*整体部分*/
        {
          width: 10px;
          height: 10px;
        }
        &::-webkit-scrollbar-track/*滑动轨道*/
        {
          -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
          border-radius: 0px;
          background: rgba(0, 0, 0, 0.1);
        }
        &::-webkit-scrollbar-thumb/*滑块*/
        {
          border-radius: 5px;
          -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
          background: $color_14db97;
        }
        .list_box {
          width: 100%;
        }
        li {
          height: $header_h;
          line-height: $header_h;
          font-size: 1.5rem;
          color: #666;
          box-sizing: border-box;
          padding-left: 1.5rem;
          &.active {
            background: $color_f1f1f1;
            color: $color_14db97;
          }
        }
      }
    }
  }
  .people_choose_box {
    @include filter_box;
  }
  .people_choose {
    width: 100%;
    background: #fff;
    height: calc(70vh);
    overflow-y: auto;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 4.2rem;
    .people_num {
      width: 100%;
      li {
        width: 100%;
        text-align: center;
        font-size: 1.5rem;
        padding: 1rem 0;
        &.active {
          color: $color_14db97;
          background: $color_f1f1f1;
          font-size: 3rem;
          padding: .5rem 0;
        }
      }
    }
    .people_btn {
      width: 100%;
      text-align: center;
      font-size: 1.5rem; // padding: 1rem 0;
      height: 4.2rem;
      line-height: 4.2rem;
      background: $color_14db97;
      color: #fff;
      position: fixed;
      left: 0;
      top: $header_h*2;
    }
  }
  .date_box {
    @include filter_box;
    .calendar {
      z-index: 999;
    }
  }
  .filter_box {
    .filter_other {
      width: 80%;
      height: 100%;
      background: #fff;
      box-sizing: border-box;
      padding: 0 0 2.5rem 1.5rem;
      display: block;
      .filter_inner_box {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 2.5rem 0;
        overflow: auto;
        &::-webkit-scrollbar/*整体部分*/
        {
          width: 5px;
          height: 10px;
        }
        &::-webkit-scrollbar-track/*滑动轨道*/
        {
          -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
          border-radius: 0px;
          background: rgba(0, 0, 0, 0.1);
        }
        &::-webkit-scrollbar-thumb/*滑块*/
        {
          border-radius: 5px;
          -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
          background: $color_14db97;
        }
      }
      .filter_title {
        color: #323434;
        font-size: 1.5rem;
      }
      .filter_list {
        margin-bottom: 2.5rem;
        li {
          border-radius: .5rem;
          padding: .9rem 1.1rem;
          text-align: center;
          border: 1px solid #959998;
          font-size: 1rem;
          margin-top: 1rem;
          color: $color_606262;
          background: #fff;
          display: inline-block;
          box-sizing: border-box;
          margin-right: .7rem;
          &.active {
            border-color: $color_14db97;
            background: $color_14db97;
            color: #fff;
          }
        }
      }
      .filter_btn {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: $header_h;
        display: flex;
        z-index: 9999;
        >div {
          height: $header_h;
          line-height: $header_h;
          text-align: center;
          display: inline-block;
          font-size: 1.5rem;
        }
        .filter_cancel {
          width: 40%;
          color: $color_14db97;
          background: $color_f1f1f1;
        }
        .filter_confirm {
          width: 60%;
          color: #fff;
          background: $color_14db97;
        }
      }
    }
  }
}

.am-offcanvas-bar:after {
  background: none;
}

.flow_list {
  // padding-top: $header_h*2;
  padding-top: $header_h;
  .flow_ul {
    li {
      padding: 1.8rem 0;
      display: flex;
      border-bottom: 1px solid #cecece;
      margin: 0 1rem;
      &:last-child {
        padding-bottom: 2.5rem;
        border-bottom: none;
      }
      >div {
        height: 10rem;
      }
      .flow_left {
        width: 15rem;
        border-radius: .5rem;
        overflow: hidden; // box-shadow: .4rem .4rem 1rem rgba(20, 219, 151, .1);
        img {
          width: 100%;
          height: 100%;
        }
      }
      .flow_right {
        display: flex;
        width: 20.5rem;
        padding-left: 1.4rem;
        flex-direction: column;
        justify-content: space-between;
        color: $color_606262;
        font-size: 1.1rem;
        flex-grow: 1;
        >div {
          width: -webkit-fill-available;
        }
        @mixin between {
          display: flex;
          justify-content: space-between;
          align-items: center;
        }
        .right_detail {
          // @include between;
          // justify-content: flex-start;
          // .name {
          //     color: #333;
          //     font-size: 1.5rem;
          // }
          // .addr {
          //     color: #959998;
          //     font-size: 1rem;
          //     border: 1px solid #959998;
          //     border-radius: .5rem;
          //     padding: .2rem;
          //     margin-left: .6rem;
          // }
          color: #333;
          font-size: 1.5rem;
        }
        .right_location {
          @include between;
          .location {
            display: flex;
            align-items: flex-end;
            line-height: 1;
            .loca_icon {
              width: 1rem;
              display: inline-block;
              img {
                width: 100%;
              }
            }
            .loca_num {
              margin-left: .3rem;
            }
          }
          .price {
            color: $color_14db97;
            font-size: 1.5rem;
          }
        }
        .right_number {
          .site_num {
            color: #464848;
          }
        }
        .right_lease {
          .lease_num {
            color: #464848;
          }
        }
        .flow_star {
          display: flex;
          .star_active {
            margin-left: .8rem;
            .am-icon-star {
              color: $color_14db97;
              margin-left: .3rem;
              &.active {
                color: #dedede;
              }
            }
          }
        }
      }
    }
  }
}

.flow_data {
  display: none;
  &.flow_noData {
    width: 100%;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    .noData_div {
      display: flex;
      flex-direction: column;
      align-items: center;
      font-size: 1.6rem;
      color: #333;
      .data_img {
        width: 5rem;
        img {
          width: 100%;
        }
      }
    }
  }
  &.active {
    display: block;
  }
}

.fixed_list {
  .flow_ul {
    li {
      >div {
        height: 10.5rem;
      }
    }
  }
}

.flowDetail_header {
  .header_location {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}

.flowStation_detail {
  @include paddingTop;
  background: #f8f8f8;
  padding-bottom: $header_h * 1.2;
  .slide_box {
    overflow-x: auto;
    width: calc(100vw);
    padding: 1rem 0;
    &::-webkit-scrollbar/*整体部分*/
    {
      width: 0;
      height: 0;
    }
    .slide_inner {
      height: 8.5rem;
      li {
        width: calc(100vw /3);
        height: 8.5rem;
        margin-left: 1.5rem;
        float: left;
        border-radius: .5rem;
        overflow: hidden;
        img {
          width: 100%;
          height: 100%;
        }
      }
    }
  }
  .surplus {
    width: 100%;
    padding: 0 1rem;
    text-align: right;
    font-size: 1.2rem;
    color: #959998;
    padding-bottom: 1rem;
    font-weight: bold;
    span {
      color: $color_14db97;
      font-size: 1.5rem;
      margin-left: .5rem;
    }
  }
  .station_addr {
    width: 100%;
    height: $header_h;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 1rem;
    font-size: 1.2rem;
    color: #959998;
    background: #fff;
    margin-bottom: 1.5rem;
    border-width: 1px 0;
    border-style: solid;
    border-color: #ececec;
    .addr_img {
      width: 1.5rem;
      height: 1.85rem;
      flex: none;
      img {
        width: 100%;
        height: 100%;
        vertical-align: top;
      }
    }
    .addr_detail {
      margin-left: 1rem;
    }
  }
  .station_price {
    padding: 0 1rem;
    font-size: 1.2rem;
    color: $color_606262;
    background: #fff;
    margin-bottom: 1.5rem;
    border-width: 1px 0;
    border-style: solid;
    border-color: #ececec;
    span {
      color: $color_14db97;
      font-size: 1.5rem;
      margin-left: .5rem;
    }
    li {
      width: 100%;
      border-bottom: 1px solid #ececec;
      padding: 1rem 0;
      &:last-child {
        border-bottom: none;
      }
    }
  }
  .detail_first {
    padding: 1.5rem 1rem;
    border-width: 1px 0;
    border-style: solid;
    border-color: #ececec;
    background: #fff;
    margin-bottom: 1.5rem;
    .detail_title {
      color: #323434;
      font-size: 1.5rem;
    }
    .detail_list {
      li {
        padding: .5rem;
        color: $color_606262;
        font-size: 1.2rem;
        border: 1px solid $color_606262;
        float: left;
        border-radius: .5rem;
        margin-right: 1rem;
        margin-top: .5rem;
      }
    }
    &.detail_second {
      .detail_list {
        display: flex;
        >div {
          margin: 0;
          color: #959998;
          font-size: 1.2rem;
          line-height: 1.5;
        }
      }
      .list_title {
        flex: none;
      }
      .list_detail {}
    }
    p {
      margin: 0;
      color: #959998;
      font-size: 1.2rem;
      line-height: 2;
    }
    .detail_gis {
      width: 100%;
      display: flex;
      margin: .5rem 0;
      .detail_map {
        width: 11.5rem;
        height: 10.5rem;
        flex: none;
        img {
          width: 100%;
          height: 100%;
        }
      }
      .detail_circum {
        margin-left: .5rem;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        .detail_traffic {
          display: flex;
          width: 100%;
          >div {
            flex: none;
            font-size: 1.2rem;
            color: #959998;
          }
          .detail_list {
            display: -webkit-box;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }
        }
      }
    }
  }
}

.order_btn {
  @include fixed_btn;
}

.flowStation_book {
  @include paddingTop;
  .book_detail {
    border-top: 1px solid #ececec;
    .book_name {
      width: 100%;
      text-align: center;
      color: $color_606262;
      background: #fff;
      font-size: 1.5rem;
      line-height: 2.5;
      border-bottom: 1px solid #ececec;
    }
    .book_marchant {
      margin-top: 1.5rem;
    }
    .book_station {
      padding: 0 1.5rem;
      background: #fff;
      >li {
        display: flex;
        align-items: center;
        font-size: 1.5rem;
        color: $color_606262;
        &.am-form-group {
          margin-bottom: 0;
        }
        &:last-child {
          .right_msg {
            border-bottom: none;
          }
        }
        .left_msg {
          flex: none;
        }
        .right_msg {
          padding: .7rem 0;
          padding-left: 1rem;
          width: 100%;
          border-bottom: 1px solid #ececec;
          &.right_allPrice {
            span {
              padding-left: .5em;
            }
          }
          input {
            border-color: transparent;
            width: 100%;
            background: none;
            font-size: 1.5rem;
            color: $color_606262;
             ::-webkit-input-placeholder {
              font-size: 1.5rem;
              color: $color_606262;
            }
          }
        }
        .right_input {
          display: flex;
          align-items: center;
          i {
            margin-left: 1rem;
          }
        }
      } // .am_select {
      //   .am-selected {
      //     width: 100%;
      //   }
      // }
    }
  }
  .submitBtn {
    @include submitBtn_fixed;
  }
}

.order {
  padding-top: 1.6rem;
  .order_state {
    width: 100%;
    li {
      width: 100%;
      display: flex;
      padding: 1.6rem 1.5rem;
      align-items: center;
      border-bottom: .1rem solid #f7f7f7;
      &:last-child {
        border-bottom: none;
      }
      .state_icon {
        width: 3rem;
        img {
          width: 100%;
        }
      }
      .state_state {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding-left: 2.4rem;
        .state_name {
          font-size: 1.5rem;
        }
        .state_num {
          span {
            width: 1.5rem;
            height: 1.5rem;
            border-radius: 100%;
            text-align: center;
            line-height: 1.5rem;
            background: $color_14db97;
            color: #fff;
            display: inline-block;
            font-size: 1rem;
          }
        }
      }
    }
  }
  .order_ques {
    .ques_title {
      font-size: 3rem;
      color: #959998;
    }
    .ques_list {
      li {
        color: #959998;
        line-height: 2;
        &.list_q {
          font-size: 1.5rem;
        }
        &.list_a {
          font-size: 1.3rem;
          display: none;
          &.active {
            display: block;
          }
        }
      }
    }
  }
}

.order_list {
  @include paddingTop;
  li {
    width: 100%;
    height: 6.5rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f7f7f7;
    align-items: center;
    padding: 0 1.6rem;
    font-size: 1.5rem;
    background: #fff;
    &:last-child {
      border-bottom: none;
    }
    .list_left {
      color: #333;
    }
    .list_right {
      color: $color_606262;
      span {
        margin-left: .5rem;
      }
    }
  }
}

.orderList {
  display: none;
  &.orderList_none {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    .none_box {
      display: flex;
      flex-direction: column;
    }
  }
  &.active {
    display: block;
  }
}

.order_checking {
  @include paddingTop;
  .book_detail {
    .book_station {
      .order_state {
        color: $color_14db97;
        display: flex;
        align-items: center;
        justify-content: space-between;
        .cancel_btn {
          color: #fff;
          background: $color_14db97;
          padding: .5rem;
          border-radius: .5rem;
          line-height: 1;
        }
      }
    }
    .book_station_form {
      margin-top: 1.5rem;
    }
  }
  .back_orderBtn {
    width: 16.5rem;
    height: $header_h;
    position: fixed;
    bottom: 7.8rem;
    background: $color_14db97;
    border-radius: .5rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.5rem;
    text-align: center;
    line-height: $header_h;
    color: #fff;
  }
}

.order_failure {
  .failure_reason {
    padding: 1.5rem;
    font-size: 1.5rem;
    color: #959998;
    margin-left: 1.5rem;
    .reason_title {
      margin-left: -1.5rem;
    }
    li {
      padding: .5rem 0;
      list-style: decimal;
    }
  }
}

.order_success {
  .book_detail {
    .order_shop {
      margin-top: 1rem;
      border-top: 1px solid #ececec;
    }
  }
  .call_merchant {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 8rem;
    .call_img {
      width: 6rem;
      height: 6rem;
      img {
        width: 100%;
      }
    }
    .call_title {
      font-size: 1.5rem;
      color: $color_606262;
    }
  }
}

.order_inReview {
  .am-icon-angle-right {
    margin-left: 1rem;
  }
}

.order_failure_reason {}

//fixedStation
.fixed_botton {
  display: flex;
  width: 100%;
  height: $header_h;
  background: #fff;
  text-align: center;
  line-height: $header_h;
  font-size: 1.5rem;
  border-top: 1px solid #ececec;
  position: fixed;
  left: 0;
  bottom: 0;
  >div {
    flex: 1;
  }
  .fixed_order_btn {
    background: $color_14db97;
    color: #fff;
  }
  .fixed_place {
    color: $color_14db97;
    background: #fff;
  }
}

.fixedStation_filter {
  .filter_area {
    display: flex;
    align-items: center;
    padding: 1rem 0;
    .title {}
    .select {
      select {
        width: 100%;
      }
      .am-selected {
        width: 100%;
      }
    }
  }
  .filter_type {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    .select {
      display: flex;
      margin: 0;
      label {
        font-weight: normal;
        margin-bottom: 0;
      }
    }
  }
  .filter_submit {
    text-align: center;
    .submitBtn {
      @include submitBtn;
    }
  }
}

.fixedStation {
  .flow_ul {
    >li {
      .flow_bottom {
        display: flex;
        justify-content: space-between;
      }
    }
  }
}

.fixed_header {
  .fixed_second_header {
    .date_li {
      height: $header_h;
      button {
        border: none;
        background: none;
        padding: 0;
        font-size: 1.2rem;
        text-align: right;
        color: #666;
      }
    }
  }
}

#date_btn:focus {
  border: none;
  outline: none;
}

.am_select {
  .am-selectedOut {
    .am-selected {
      padding: 0;
      width: 100%;
    }
  }
}

.fixedStation_book {
  .book_detail {
    .book_station {
      >li {}
    }
    .xieyi {
      margin-top: 1rem;
      li {
        padding: 1rem 0;
      }
    }
    .check_checked {
      .am-checkbox-inline {
        margin: 0 auto;
      }
    }
  }
}

.fixedStation_book_tcp {
  // padding: 0 2.5rem;
  // @include paddingTop;
  // li {
  //   line-height: 2;
  // }
  // .title {
  //   text-align: center;
  //   font-size: 1.5rem;
  //   color: $color_606262;
  // }
  // .tcp_detail {
  //   font-size: 1.2rem;
  //   color: #959998;
  // }
}

.fixedStation_book_tcp {
  width: 100%;
  height: 100%;
  overflow: scroll; // padding-top: $header_h;
  padding-bottom: $header_h;
  font-size: 1.2rem;
  color: #959998;
  li {
    font-size: 1.6rem;
  }
  .am-modal-bd {
    width: 100%;
    height: 100%;
    overflow: auto;
    &::-webkit-scrollbar/*整体部分*/
    {
      width: 5px;
      height: 10px;
    }
    &::-webkit-scrollbar-track/*滑动轨道*/
    {
      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
      border-radius: 0px;
      background: rgba(0, 0, 0, 0.1);
    }
    &::-webkit-scrollbar-thumb/*滑块*/
    {
      border-radius: 5px;
      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
      background: $color_14db97;
    }
  }
  .am-modal-footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    height: $header_h;
    z-index: 88;
    background: #f8f8f8;
    z-index: 99999;
  }
}

.fixedStation_place {
  @include paddingTop;
  .enter_phone {
    display: flex;
    background: #fff;
    align-items: center;
    padding: .7rem 1rem;
    margin-bottom: 0;
    border-bottom: 1px solid $color_f1f1f1;
    .div_left {
      flex: none;
    }
    .div_right {
      width: 100%;
      input {
        width: 100%;
        padding: 1rem;
        border-color: transparent;
      }
    }
  }
  .submitBtn {
    @include submitBtn_fixed;
  }
  #submit_order .am-modal-dialog .book_footer span {
    width: 100%;
  }
}
